<page-header [title]="'逾期处理'">
  <ng-template #breadcrumb>
    <nz-breadcrumb>
      <nz-breadcrumb-item>信息</nz-breadcrumb-item>
      <!--<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>-->
    </nz-breadcrumb>
  </ng-template>
  <ng-template #tab>
    <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
      <nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>
      <nz-tab nzTitle="订单信息" (nzSelect)="changeTab(1)"></nz-tab>
      <!--<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>-->
    </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回订单列表</button>
  </ng-template>
</page-header>

<nz-card [nzBordered]="false" *ngIf="tabIndex === 0">
  <form nz-form>


    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>
        </nz-select>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input required [(ngModel)]="product.cusName" name="cusName">

      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input  required [(ngModel)]="product.cusMobile" name="cusMobile">

      </nz-form-control>



      <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input required [(ngModel)]="product.orderNo" name="orderNo">

      </nz-form-control>





      <nz-form-label nzSpan="2" nzRequired>逾期期数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input required [(ngModel)]="product.overduePeriod" name="overduePeriod">

      </nz-form-control>




      <nz-form-label nzSpan="2" >逾期金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.overdueAmount" name="overdueAmount">

      </nz-form-control>

      <nz-form-label nzSpan="2" >违约金</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.penaltyAmount" name="penaltyAmount">

      </nz-form-control>
      <!--<nz-form-label nzSpan="2" >处理方法</nz-form-label>-->
      <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input [(ngModel)]="product.overdueContent" name="overdueContent">-->
      <!--</nz-form-control>-->

      <nz-form-label nzSpan="2" nzRequired>处理方法</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select style="" [(ngModel)]="product.overdueContent" name="overdueContent" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="plo_me.text" [nzValue]="plo_me.value" *ngFor="let plo_me of plo_mes"></nz-option>
        </nz-select>
      </nz-form-control>
      <nz-form-label nzSpan="2" >处理内容</nz-form-label>
      <nz-form-control nzSpan="20">
        <input nz-input [(ngModel)]="product.overdueRemark" name="overdueRemark">

      </nz-form-control>

    </nz-form-item>
  </form>


</nz-card>
<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar>
<nz-card [nzBordered]="false" *ngIf="tabIndex === 1">
  <nz-card nzTitle="基本信息 "   >

    <form nz-form>

      <nz-form-item>

        <!--<nz-form-label nzSpan="2" nzRequired>状态</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
          <!--<nz-select style="" [(ngModel)]="producto.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="producto.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
          <!--</nz-select>-->
        <!--</nz-form-control>-->
        <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required [(ngModel)]="producto.orderNo" name="orderNo">

        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="2" nzRequired>产品</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" required [(ngModel)]="producto.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>
          </nz-select>
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required [(ngModel)]="producto.cusName" name="cusName">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input  required [(ngModel)]="producto.cusMobile" name="cusMobile">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>证件类型</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select required [(ngModel)]="producto.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>
          </nz-select>

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>证件号码</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required [(ngModel)]="producto.cusIncard" name="cusIncard">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>证件有效起始日</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" required name="cusIdValidfrom" [(ngModel)]="producto.cusIdValidfrom"></nz-date-picker>


        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>证件有效截止日</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" required name="cusIdValidto" [(ngModel)]="producto.cusIdValidto"></nz-date-picker>



        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>现居住地</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required [(ngModel)]="producto.cusResAddr" name="cusResAddr">

        </nz-form-control>

        <nz-form-label nzSpan="2" >性别</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="producto.cusGender" name="cusGender" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders"></nz-option>
          </nz-select>
        </nz-form-control>

        <nz-form-label nzSpan="2" >婚姻</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="producto.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
          </nz-select>
        </nz-form-control>

        <nz-form-label nzSpan="2">学历</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="producto.cusDeu" name="cusDeu" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
          </nz-select>
        </nz-form-control>

        <nz-form-label nzSpan="2">民族</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="producto.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value" *ngFor="let cusEthnical of cusEthnicals"></nz-option>
          </nz-select>
        </nz-form-control>


        <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

        <!--</nz-form-control>-->

        <nz-form-label nzSpan="2" >出生日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="cusBirthday" [(ngModel)]="producto.cusBirthday"></nz-date-picker>



        </nz-form-control>

        <nz-form-label nzSpan="2" >QQ号码</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="producto.cusQqid" name="cusQqid">

        </nz-form-control>

        <nz-form-label nzSpan="2" >备注</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="producto.cusRemark" name="cusRemark">

        </nz-form-control>


      </nz-form-item>
    </form>

  <nz-card nzTitle="车辆信息">
    <form nz-form>
      <nz-form-item>


        <nz-form-label nzSpan="2" nzRequired>品牌/车型</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.dyptype" name="dyptype">

          <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
          <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
          <!--</nz-select>-->
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>车牌号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.dypname" name="dypname">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>所有人</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.dypvalue" name="dypvalue">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>注册/发证日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>使用性质</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.dypclass" name="dypclass">

          <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
          <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
          <!--</nz-select>-->
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>住址</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.dypremark1" name="dypremark1">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>车架号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.dypremark2" name="dypremark2">

        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>发动机号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input  nz-input required="required" [(ngModel)]="producto.dypremark3" name="dypremark3">

        </nz-form-control>
      </nz-form-item>
    </form>
  </nz-card>

  <nz-card nzTitle="担保人信息">
    <form nz-form>
      <nz-form-item>


        <nz-form-label nzSpan="2" nzRequired>与贷款人关系</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style=""  [(ngModel)]="producto.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>
          </nz-select>
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>姓名</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.emergencyContact" name="emergencyContact">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>身份证</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.emergencyOffice" name="emergencyOffice">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>手机</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.emergencyMobile" name="emergencyMobile">

        </nz-form-control>


        <nz-form-label nzSpan="2" nzRequired>住址</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="producto.emergencyResAddr" name="emergencyResAddr">

        </nz-form-control>

        <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

        <!--</nz-form-control>-->

      </nz-form-item>
    </form>
  </nz-card>


  <nz-card nzTitle="文件信息 ">

    <form nz-form>
      <div class="clearfix">

        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr5"
          [nzData]="avatarParam5"
          nzListType="picture-card"
          [(nzFileList)]="fileList"
          [nzShowButton]="fileList.length < 30"
          (nzChange)="upLoadChange($event)"
          [nzPreview]="handlePreview">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
          <ng-template #modalContent>
            <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>

    </form>
  </nz-card>



</nz-card>

<nz-card [nzBordered]="false" *ngIf="tabIndex === 2">


</nz-card>


